<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <?php include_http_metas() ?>
    <?php include_metas() ?>
    <?php include_title() ?>
    <link rel="shortcut icon" href="/favicon.ico" />
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
    <script src="/js/libs/modernizr-1.7.min.js"></script>
  </head>
  <body>
	<header id="navigation">

		<!-- Navigation Container -->
		<div class="navigation-wrapper">

			<!-- Your Project Logo -->
			<a id="logo" href="<?php echo url_for('home/index') ?>" title="Back to Homepage">Your logo</a>

			<?php include_component('slot', 'menu') ?>

		</div>
	</header>
	<!-- /Header -->
	<?php echo $sf_content ?>
	<!-- Main Footer -->
	<footer id="footer">
		<div class="page-wrapper">
			<section>
				<h2>Vestibulum blandit massa</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim auctor dolor. Curabitur a arcu nec massa malesuada eleifend vel sit amet magna. Nulla vel leo sit amet justo porttitor vulputate ut vel sapien. Sed quis enim augue, id elementum quam.</p>
				<p>Ut vel aliquet leo. Suspendisse quis fringilla ligula. Suspendisse potenti. Nam volutpat pellentesque est, sed mattis ante interdum et.</p>

				<!-- Social Sub Nav List Style -->
				<ul class="social-list">
					<li><a class="social rss" href="#">RSS</a></li>
					<li><a class="social twitter" href="#">Twitter</a></li>
					<li><a class="social facebook" href="#">Facebook</a></li>
					<li><a class="social forrst" href="#">Forrst</a></li>
					<li><a class="social tumblr" href="#">Tumblr</a></li>
				</ul>
				<!-- /Social Sub Nav List Style -->

			</section>
			<section>
				<h2>Praesent facilisis</h2>
				<ul>
					<li><a href="#">Appstorm</a></li>
					<li><a href="#">Mac.Appstorm</a></li>
					<li><a href="#">Web.Appstorm</a></li>
					<li><a href="#">iPhone.Appstorm</a></li>
					<li><a href="#">TheNetsetter</a></li>
					<li><a href="#">Snipplr</a></li>
					<li><a href="#">Rockable Press</a></li>
					<li><a href="#">FreelanceSwitch</a></li>
				</ul>
			</section>
			<section>
				<h2>Cras tellus nisi</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dignissim auctor dolor. Curabitur a arcu nec massa malesuada eleifend vel sit amet magna. Nulla vel leo sit amet justo porttitor vulputate ut vel sapien. Sed quis enim augue, id elementum quam.</p>
				<p>Ut vel aliquet leo. Suspendisse quis fringilla ligula. Suspendisse potenti. Nam volutpat pellentesque est, sed mattis ante interdum et.</p>
			</section>
		</div>
	</footer>
	<!-- /Main Footer -->

	<!-- Main Loading Notification -->
	<div class="loading-notification">Loading&hellip;</div>
	<!-- /Main Loading Notification -->

	<!-- Sample Modal Window -->
	<div id="sample" class="modal-content">
		<h1>nyroModal</h1>
		<p>Ajax Call, Ajax Call with targeting content, Single Image, Images Gallery with arrow navigating, Gallery with any kind of content, Form, Form in iframe, Form with targeting content, Form with file upload, Form with file upload with targeting content, Dom Element, Manual Call, Iframe, Stacked Modals, Many embed element through Embed.ly API, Error handling, Modal will never goes outside the view port, Esc key to close the window, Customizable animation, Customizable look, Modal title.</p>
		<a href="http://nyromodal.nyrodev.com/" class="outside">http://nyromodal.nyrodev.com</a>
	</div>
	<!-- /Sample Modal Window -->
	  <!-- JavaScript at the bottom for faster page loading -->

  </body>
</html>
